<template>
  <div>
      <!-- 获取子模块的状态 -->
      <span>用户的token: {{ $store.state.user.token }}</span>
      <span>网站的名称: {{ $store.state.setting.name }}</span>
      <div>
          {{ token }} {{ name }}
      </div>
      <button @click="updateToken">调用user的修改token</button>
      <button @click="test">调用封闭空间的action</button>
     <button @click="updateToken">调用封闭空间的action(辅助函数)</button>

  </div>
</template>

<script>
// mapMutations 相当于导入全局的mutations
import { mapGetters, createNamespacedHelpers } from  'vuex'
const { mapMutations } = createNamespacedHelpers('user')  // 相当于把子模块的mutaions导入进来
export default {
 computed: {
     ...mapGetters(['token', 'name'])
 },
 methods: {
     ...mapMutations(['updateToken'])
    //  ...mapMutations(['user/updateToken']),  // 引入全局的mutations
    //  test() {
    //      this['user/updateToken']() // 调用子模块的方法
    //  }
 }
}
</script>

<style>

</style>